<ion-view view-title="收藏"  hide-tabs="true" >
  <!-- 头部 -->
  <ion-header-bar align-title="center" class="bar-positive">
    <div class="buttons">
      <button class="button-go-back" ng-click="goback()"><i class="icon ion-chevron-left"></i></button>
    </div>
    <h1 class="title">收藏</h1>
  </ion-header-bar> 
  <ion-content id="collection" [scroll="true"] [overflow-scroll="true"] class="APP_BG_color">
    <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
    <ul>
      <li ng-repeat="x in data" ui-sref="tab.collection_shop_detail({shop_id:x.shop_id})">
         <img ng-src="{{IMGIP+x.shop_logo}}" alt="logo">
         <h4>{{x.shop_name}}</h4>
         <span>
           {{x.shop_content}}
         </span>
      </li>
    </ul>
    <div class="nomoreData" ng-if="nomoreData" style="margin:15px 0;">
      我也是有底线的~
    </div>
    <!-- ion-infinite-scroll 上拉加载数据指令 distance默认1% nf-if的值为false时，就禁止执行on-infinite  -->
    <ion-infinite-scroll ng-if="moreData" on-infinite="loadMore()" distance="10%" ></ion-infinite-scroll>
  </ion-content>
</ion-view>